<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!-- 使用最新的IE兼容模式渲染此网页 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 在双核浏览器下，默认使用webkit内核，由360浏览器提出 -->
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>个人博客-首页</title>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<!-- 让IE9以下的浏览器支持HTML5标签 -->
		<!--[if lt IE 9]>
        	<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>
	<body>

		<nav class="navbar navbar-default bl-nav" role="navigation">
			<div class="container-fluid bl-container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed bl-button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-9" aria-expanded="false">
			            <span class="sr-only">Toggle navigation</span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
		            </button>
					<a class="navbar-brand" href="index.html">HYQ的博客空间</a>
				</div>
				
				<div class="navbar-collapse collapse bl-button" id="bs-example-navbar-collapse-9" aria-expanded="false" style="height: 1px;">
					<ul class="nav navbar-nav navbar-right bl-navbar">
						<li><a href="#" data-toggle="modal" data-target="#myModal">登录</a></li>
						<li><a href="#" data-toggle="modal" data-target="#myModal1">注册</a></li>
					</ul>
				</div>
			</div>
			
		</nav>
		
			<!--登录-->
		<div class="modal fade bl-back" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog bl-modal-dialog ">
				<div class="modal-content loginbox lg-log">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">账号密码登录</h4>
					</div>
					<form class="form-signin" role="form">
						<input type="email" class="form-control" placeholder="请输入用户名" required autofocus >
						<input type="password" class="form-control" placeholder="请输入密码" required>
						<div class="checkbox">
							<label><input type="checkbox" value="remember-me"> 记住我？</label>
						</div>
						<button class="btn btn-lg btn-primary btn-block lg" type="submit">登录</button>
					</form>
				</div>
			</div>
		</div>
		<!--注册-->
		<div class="modal fade bl-back" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog bl-modal-dialog">
				<div class="modal-content loginbox lg-log">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">注册</h4>
					</div>
					<form class="form-signin" role="form">
						<input type="email" class="form-control" placeholder="请输入用户名" required autofocus>
						<input type="password" class="form-control" placeholder="请输入密码" required>
						<input type="password" class="form-control" placeholder="请确认密码" required>
						<div class="checkbox">
							<label><input type="checkbox" value="remember-me"> 记住我？</label>
						</div>
						<button class="btn btn-lg btn-primary btn-block" type="submit">注册</button>
					</form>
				</div>
			</div>
		</div>
		
		
		<div class="banner bl-banner">
			<h1 class="blogname" style="padding-top: 25px;">你若盛开，清风自来</h1>
			<p>不为失败哭泣，只为失败斗争。 http://17638691032.qzone.qq.com</p>
			<img src="img/100.jpg" class="img-responsive bl-img" alt="Responsive image" >
			
			<nav class="navbar navbar-inverse" style="margin-top: 10px;">
			  <div class="container">
			  		<ul class="bl-ul row" style="padding-left: 209px;">
			  			<li class="bl-li"><a href="">主页</a></li>
			  			<li class="bl-li"><a href="">日志</a></li>
			  			<li class="bl-li"><a href="">音乐</a></li>
			  			<li class="bl-li"><a href="">相册</a></li>
			  			<li class="bl-li"><a href="">留言板</a></li>
			  			<li class="bl-li"><a href="">说说</a></li>
			  			<li class="bl-li"><a href="">个人档</a></li>
			  			<li class="bl-li"><a href="">更多</a></li>
			  			
			  		</ul>
			  </div>
			</nav>
		</div>
		
		
		<!--内容开始-->
		
		<section class=" container bl-content">
			<div class="col-md-7 col-sm-12 col-xs-12">
				
				<div class="row">
					<ul class="list-group bl-solid">
						<li class="list-group-item " style=" color:#915833; font-size: 16px;">留言板</li>
						<li class="list-group-item">
							<div class="panel panel-default font-background" >
								  <div class="panel-heading font-background-padding" >
								    <h3 class="panel-title">主人寄语</h3>
								  </div>
								  <div class="panel-body padding-left-marge" ><a href="javascript:;">说些寄语，欢迎您的空间访客吧</a></div>
								  
							</div>
						</li>
						
						<li class="list-group-item">
							<div class="media border-solid">
								<a class="pull-left" href="#">
									<img class="media-object img-size" src="img/100.jpg" >
								</a>
								<div class="media-body">
									<h5><span class="title-color" >小嘻嘻</span>
										<span class="glyphicon glyphicon-apple apple-color"></span>
										<small style="padding-left: 5px;">第207楼</small>
									</h5>
									<p style="padding: 10px 0; font-size: 14px;">愿万事顺心 但是我觉得崎岖一点更有乐趣</p>
									<p class="item2" style="float: left;font-size: 12px;">
										<span class="introduce-time">2016-12-28</span>&nbsp;&nbsp;
										<span class="introduce-time">12:45</span>
									</p>
										<span class="reply" style="float: right;">
											<a href="#">回复 <span class="badge">42</span></a>
											<a href="#">送礼 <span class="badge">100</span></a>
										</span>
										
								</div>
							</div>
						</li>
						<li class="list-group-item">
							<div class="media border-solid">
								<a class="pull-left" href="#">
									<img class="media-object img-size" src="img/100.jpg" >
								</a>
								<div class="media-body">
									<h5><span class="title-color" >小嘻嘻</span>
										<span class="glyphicon glyphicon-apple apple-color"></span>
										<small style="padding-left: 5px;">第207楼</small>
									</h5>
									<p style="padding: 10px 0; font-size: 14px;">愿万事顺心 但是我觉得崎岖一点更有乐趣</p>
									<p class="item2" style="float: left;font-size: 12px;">
										<span class="introduce-time">2016-12-28</span>&nbsp;&nbsp;
										<span class="introduce-time">12:45</span>
									</p>
										<span class="reply" style="float: right;">
											<a href="#">回复 <span class="badge">42</span></a>
											<a href="#">送礼 <span class="badge">100</span></a>
										</span>
										
								</div>
							</div>
						</li>
						<li class="list-group-item">
							<div class="media border-solid">
								<a class="pull-left" href="#">
									<img class="media-object img-size" src="img/100.jpg" >
								</a>
								<div class="media-body">
									<h5><span class="title-color" >小嘻嘻</span>
										<span class="glyphicon glyphicon-apple apple-color"></span>
										<small style="padding-left: 5px;">第207楼</small>
									</h5>
									<p style="padding: 10px 0; font-size: 14px;">愿万事顺心 但是我觉得崎岖一点更有乐趣</p>
									<p class="item2" style="float: left;font-size: 12px;">
										<span class="introduce-time">2016-12-28</span>&nbsp;&nbsp;
										<span class="introduce-time">12:45</span>
									</p>
										<span class="reply" style="float: right;">
											<a href="#">回复 <span class="badge">42</span></a>
											<a href="#">送礼 <span class="badge">100</span></a>
										</span>
										
								</div>
							</div>
						</li>
						<li class="list-group-item">
							<div class="media border-solid">
								<a class="pull-left" href="#">
									<img class="media-object img-size" src="img/100.jpg" >
								</a>
								<div class="media-body">
									<h5><span class="title-color" >小嘻嘻</span>
										<span class="glyphicon glyphicon-apple apple-color"></span>
										<small style="padding-left: 5px;">第207楼</small>
									</h5>
									<p style="padding: 10px 0; font-size: 14px;">愿万事顺心 但是我觉得崎岖一点更有乐趣</p>
									<p class="item2" style="float: left;font-size: 12px;">
										<span class="introduce-time">2016-12-28</span>&nbsp;&nbsp;
										<span class="introduce-time">12:45</span>
									</p>
										<span class="reply" style="float: right;">
											<a href="#">回复 <span class="badge">42</span></a>
											<a href="#">送礼 <span class="badge">100</span></a>
										</span>
										
								</div>
							</div>
						</li>
						
						<li class="list-group-item">
							<div class="media border-solid">
								<a class="pull-left" href="#">
									<img class="media-object img-size" src="img/100.jpg" >
								</a>
								<div class="media-body">
									<h5><span class="title-color" >小嘻嘻</span>
										<span class="glyphicon glyphicon-apple apple-color"></span>
										<small style="padding-left: 5px;">第207楼</small>
									</h5>
									<p style="padding: 10px 0; font-size: 14px;">愿万事顺心 但是我觉得崎岖一点更有乐趣</p>
									<p class="item2" style="float: left;font-size: 12px;">
										<span class="introduce-time">2016-12-28</span>&nbsp;&nbsp;
										<span class="introduce-time">12:45</span>
									</p>
										<span class="reply" style="float: right;">
											<a href="#">回复 <span class="badge">42</span></a>
											<a href="#">送礼 <span class="badge">100</span></a>
										</span>
										
								</div>
							</div>
						</li>
						
						
						
					</ul>
					<form action="" method="post">
						<div class="form-group">
							<textarea class="form-control comment" placeholder="请发表评论，评论长度在255字以内" style="height: 10rem"></textarea>
						</div>
						<button type="button" class="btn btn-primary btn-block" style="background:#F1D091;border: none;">发表</button>
					</form>
				</div>
			</div>
			<div class="col-md-5 col-sm-12 col-xs-12 r-con">
				<ul class="clearfix">
					<li class="list clearfix">
						<div class="list-tit margin-padding">
							<h2 style="text-align: center;margin-top: 14px;">【匆匆那些年】总结个人博客经历的这四年…</h2>
							<p class="item1" style="text-align: center;">
								<span class="glyphicon glyphicon-th-large"></span><span class="classify">分类:回忆</span>
								<span class="glyphicon glyphicon-time"></span><span class="introduce-time">发布时间：2016-12-28</span>
								<span class="glyphicon glyphicon-heart"></span><span class="read">阅读次数(<span class="read-more">18</span>)</span>
							</p>
							<p>博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也有放弃过…</p>
							<p>但最后还是坚持了下来，时间如此匆匆，等再回过头已来不及去弥补… 其实蛮遗憾的，话说这四年，并不是很专注于它，起初的建立是因为“面子”，一个网页设计师怎能没有一个属于自己的博客网站，域名几番斟酌选了yangqq(唯一用心的选了域名)，选好后，草草的用了两天时间，设计了一个简单的博客模板，接下来用了漏洞百出的asp程序(自己瞎改)，从网上copy了很多文章，放到网站上，就这样，我满心欢喜…博客从此也就搁置了。就像玩拼图，趁着三分热度和新奇，一鼓作气完成了，就随意的丢在犄角旮旯了，再也没有兴趣…
							</p>
							<div class="blog-img1">
								<img src="img/j1.jpg" />
							</div>
							<p>直到我要利用它，博客搭建半年的时间，更新一两次，但是文章都乱七八糟，不是原创，偶尔会写写心情。从内容上来说，还是可以了。就这样，我骄傲的自以为是，拿着这样一个博客网站还有曾经做过的企业政府网站案例去朋友推荐的大公司应聘，最后我被无情的拒绝了，好在他们的技术人员也认真看了我的博客，告知我应该多注重div，css…其实我也有点儿不服气，甚至有点儿恼羞成怒，对他们说，“我诚心加入，既然你们不需要，那这就是你们的损失！” </p>
							<p> 那一次应聘，给了我狠狠的一击，也就这样，我删掉了曾经被我copy过来的文章，重新开始…不再那么自以为是，认认真真的研究，做好每一次的案例。两年的时间，博客也有些起色和人气…</p>
							<p>
								虽说我这博客起初搭建一分钱没花，但这么长时间了，渐渐有了想再利用它赚钱的想法，放了一些联盟广告，因为访问量不高，收入非常可怜，甚至是没有点击量！干脆就撤了广告，再后来，注重优化，目的还是拉广告，效果也很好，收到了好多email，5块钱一个广告文字链接，一个月的广告收入不到60块钱，自诩有人看得上也不错了，可是再怎么审核的链接，跟博客类型不一样，同样属于垃圾链接，就这样的恶性循环，我的网站被百度降权，整整一个月都没有排名... </p>
						</div>
					</li>
				</ul>
			</div>

	
	
<!--			
			<div class="col-md-4">
				<div class="bl-title bl-title-border row"><h4 class="blogname" style="padding: 15px;border-bottom: 1px dashed;">阅读排行 </h4></div>
				<div class="bl-title bl-title-border row">
					<ul class="list-group">
					<li class="list-group-item active " style="background:#8c8262;border: none;">阅读排行</li>
					<li class="list-group-item"><a href="">1、图像的数量</a><span class="badge">14</span></li>
					<li class="list-group-item"><a href="">2、免费 Window 空间托管</a><span class="badge">13</span></li>
					<li class="list-group-item"><a href="">3、图像的数量</a><span class="badge">12</span></li>
					<li class="list-group-item"><a href="">4、 支持</a><span class="badge">11</span></li>
					<li class="list-group-item"><a href="">5、每年更新成本</a><span class="badge">10</span></li>
					<li class="list-group-item"><a href="">6、免费 Window 空间托管</a><span class="badge">9</span></li>
					<li class="list-group-item"><a href="">7、图像的数量</a><span class="badge">8</span></li>
					<li class="list-group-item"><a href="">8、支持</a><span class="badge">7</span></li>
				</ul>
				</div>-->
				
			
		

		</section>
		
		
		

	</body>
	
	<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="bootstrap/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
</html>
